<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
	<head>
		<title>黄石物流后台管理系统</title>
		<%@ include file="/jsp/common/common_script.jsp"%>
		<script src="${ctx }/js/cms/pageStyle.js"></script>
	</head>
	<body>
		<table class="queryTable" >
			<tr>
				<td class="queryTitle" width="80px">模板名称</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryPageStyleName"/>
				</td>
				<td class="queryBtnTd">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" onclick="doQuery()">查询</a>
				</td>
			</tr>
		</table>

		<%-- 风格Grid --%>
		<table id="pageStyleGrid" ></table>
		
		<%-- 风格增加DIV --%>
		<div id="addPageStyleDlg" class="easyui-window" closed="true" title="" iconCls="icon-add" style="width:800px; height:600px;text-align:center; background: #fafafa;">
			<div class="easyui-layout" fit="true">
				<div region="center" border="false" style="background:#fff;border:1px solid #ccc;padding-left: 10px;">
					<form id="addPageStyleForm"  method="post">
						<table border="0" class="queryTable" style="margin-bottom: 0px; width: 99%; height: 96%;">
							<tr height="30">
								<td class="queryTitle" style="width: 100px;">归属页面：</td>
								<td class="queryContent">
									<input type="hidden" id="pageStyleCd" name="pageStyleCd"/>
									<input type="hidden" id="submitType" />
									<select name="pageId" id="pageId" class="easyui-combobox" style="width: 200px;" panelHeight="auto" editable="false" required="true">
									</select>
								</td>
							</tr>
							<tr height="30">
								<td class="queryTitle">模板名称：</td>
								<td class="queryContent">
									<input type="text" id="pageStyleName" name="pageStyleName" style="width: 200px;" class="inputText easyui-validatebox" required="true" validType="maxLength[40]" maxlength="41" />
								</td>
							</tr>
							<tr height="115">
								<td class="queryTitle">备注：</td>
								<td class="queryContent">
									<textarea id="remark" name="remark" class="inputText" style="width: 60%; resize:none;" cols="18" rows="5"></textarea>
								</td>
							</tr>
							
							<tr>
								<td class="queryTitle" colspan="2" style="text-align: left;" height="32"><b>模板代码：</b></td>							
							</tr>
							<tr>
								<td colspan="2">
									<textarea id="ftlContent" name="ftlContentHtml" class="inputText" style="width: 100%; height: 100%; resize:none;"></textarea>
								</td>
							</tr>
						</table>
					</form>
				</div>
				<div region="south" border="false" style="text-align:center;height:30px;line-height:30px;">
					<a class="easyui-linkbutton" iconCls="icon-tip" href="javascript:void(0)" onclick="previewCode();">代码预览</a>
					<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doPostData()">确定</a>
					<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="closeWindow()">取消</a>
				</div>
			</div>
		</div>
	</body>
</html>

